<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META TAGS -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <!-- MAIN HEAD -->
    <title>Nước giải khát Cocacola - Mai Hoang JSC.</title>
    <link href="css/core.css" rel="stylesheet" />
    <link href="css/styles.css" rel="stylesheet" />
    <link href="css/slider.css" rel="stylesheet" />
    <link href="css/css3main.css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <link href="css/fixIE.css" rel="stylesheet" />
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/oe.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
    <header role="info">
        <div class="head-top">
            <ul class="clearfix">
                <li><i class="icon-tel">&nbsp;</i>012.345.6789</li>
                <li><i class="icon-mail">&nbsp;</i>info@maihoangjsc.com</li>
                <li><i class="icon-pin">&nbsp;</i>Số 1 - Hồ Hoàn Kiếm - Hà Nội</li>
            </ul>
        </div>
        <div class="container clearfix">
            <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
            <nav class="mainnav">
                <ul>
                    <li><a href="/" class="active">Trang chủ</a></li>
                    <li><a href="/page.html">Giới thiệu</a></li>
                    <li><a href="/product.html">Sản phẩm</a></li>
                    <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                    <li><a href="/news.html">Tuyển dụng</a></li>
                    <li><a href="/contact.html">Liên hệ</a></li>
                </ul>
            </nav>
        </div>
        <div id="nav-thief" class="fadeIn slideFromTop">
            <div class="container">
                <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
                <nav class="clearfix">
                    <ul>
                        <li><a href="/" class="active">Trang chủ</a></li>
                        <li><a href="/page.html">Giới thiệu</a></li>
                        <li><a href="/product.html">Sản phẩm</a></li>
                        <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                        <li><a href="/news.html">Tuyển dụng</a></li>
                        <li><a href="/contact.html">Liên hệ</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="wrapper">
        <div class="spotlight">
            <img src="./images/cat/2.jpg" alt="Category Image" class="spl-thumb"/>
            <h2 class="spl-info small">Sản phẩm</h2>
        </div><!-- /.spotlight -->
        <div class="main-content container">
            <article id="prd-holder">
                <h2 class="title-bar">Nước giải khát Cocacola</h2>
                <div class="prd-content">
                    <dl class="prd-info clearfix">
                        <dt>Ngày tạo:</dt>
                        <dd>29/07/2013</dd>
                        <dt>Loại sản phẩm:</dt>
                        <dd>Hàng tiêu dùng</dd>
                    </dl>
                    <div class="prd-text">
                        <p>
                            Lorem ipsum dolor sit amet consectetur adipiscing elit Vestibulum
                            aenim ante ut congue orci. Integer pharetra vehicula sodales nam
                            venenatis tempus nullasitam volutpat nullam sed urna odio ultricies.
                        </p>
                        <p>
                            Integer pharetra vehicula sodales nam venenatis tempus nulla sit
                            amet volutpat.
                        </p>
                        <ul>
                            <li>Nam et elit lobortis risus ultricies pretium.</li>
                            <li>Maecenas pellentesque ante eu aliquet.</li>
                            <li>Turpis lectus varius sem quis molestie.</li>
                        </ul>
                    </div><!-- /.prd-text -->
                </div>
                <div id="prd-slider" class="oeSlider">
                    <img src="./images/slider/product1.jpg" alt="Slide Image"/>
                    <img src="./images/slider/product2.jpg" alt="Slide Image">
                    <img src="./images/slider/product3.jpg" alt="Slide Image">
                    <img src="./images/slider/product4.jpg" alt="Slide Image">
                </div>
                <div class="clear"></div>
            </article><!-- /#prd-content -->
            <div class="home-block">
                <h3 class="title-bar"><a href="#">Sản phẩm liên quan</a></h3>
                <div class="hp-house clearfix">
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/1.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/2.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/3.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/4.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                </div><!-- /.hp-house -->
            </div>

        </div><!-- /.main-content -->
    </div><!-- /#wrapper -->
    <footer>
        <div class="container clearfix">
            <span class="separator">&nbsp;</span>
            <div class="foot-left">
                <h5 class="foot-logo">Mai Hoang JSC.</h5>
                <div class="foot-info">
                    <p><strong>Công ty Cổ phần Mai Hoang</strong></p>
                    <p>Trụ sở chính: Số 1 - Hồ Hoàn Kiếm - Hà Nội</p>
                    <p>Tel: (84.4) 123.4567  Fax: (84.4) 987.6543</p>
                    <p>E-mail: info@maihoangjsc.com</p>
                </div>
            </div>
            <div class="foot-right">
                <p>Copyright © Mai Hoang 2013. Developed by <a href="http://ownego.com">OwnEGO</a>.
</p>
            </div>
        </div>
    </footer>
</body>
</html>